<style>
    .img-wp {
        width: 765px;
        margin: 0 auto;
    }
</style>

<div class="img-wp">
    <img class="lazy" data-original="/img/lazy/1.jpg" alt="" width="765" height="574">
    <img class="lazy" data-original="/img/lazy/2.jpg" alt="" width="765" height="574">
    <img class="lazy" data-original="/img/lazy/3.jpg" alt="" width="765" height="574">
    <img class="lazy" data-original="/img/lazy/4.jpg" alt="" width="765" height="574">
    <img class="lazy" data-original="/img/lazy/5.jpg" alt="" width="765" height="574">
    <img class="lazy" data-original="/img/lazy/6.jpg" alt="" width="765" height="574">
</div>

<script src="/common/jquery.lazyload.js"></script>
<script>
    ! function(window, document, $, undefined) {
        $("img.lazy").lazyload({
            effect: "fadeIn"
        });
    }(window, document, jQuery)
</script>